<template>
  <div
    style="width:100%;height:100%;display: flex;justify-content: space-between;flex-direction:column;">
    <div class="row1">
      <Model1 ref="Model1" :rail-types="railTypes" :ctype="type" />
    </div>
    <div class="row2">
      <Model2 ref="Model2" :rail-types="railTypes" :ctype="type" />
    </div>
  </div>
</template>
<script>
import Model1 from './dialog6/model1.vue'
import Model2 from './dialog6/model2.vue'
export default {
  components: {
    Model1,
    Model2
  },
  props: {
    type: {
      type: String,
      default: ''
    },
    railTypes: {
      type: String,
      default: ''
    }
  },
  data() {
    return {

    }
  }
}
</script>
<style lang="scss" scoped>
.row1 {
  width: 100%;
  height: 59%;
  background: #0f1f56;
}
.row2 {
  width: 100%;
  height: 39%;
  background: #0f1f56;
}
</style>
